﻿/* WebJies.com styles
Define all the styles of the webjies.com web site, layout, and other specific web styles.
Must be used together with webjies.ui.css
*/

html{ font-size:100%; } /* To fix IE em bug */

/* Specifics */
body {font-family:Arial;font-size:0.85em;margin:0;padding:0;}

a, a:hover, a:visited {color:Black;}


/* Common elements */
img.logo {margin:0;padding:0;width:15.625em;height:7.5em;}            
img.logosmall {margin:0;padding:0;width:6.25em;height:3em;}            


/* PAGE */
#page {margin:auto;}

/* HEADER */
#header {clear:both;height:8.5em;overflow:hidden;
         color:rgb(197,197,197);border-top:1.2em solid #2E6FB7;}
#header h1 {margin:0;padding:0;font-size:1em;
            float:left;}
#header h1 span {display:none;}
#header .navigation {overflow:hidden;margin:1em;
                     background-image:url(img/bkgnavigation.png);background-position:left center;background-repeat:repeat-x;}
#header .navigation ul {margin:0;padding:0;display:block;
                        overflow:hidden;}
#header .navigation li {margin:0;padding:0;display:block;
                        float:left;
                        list-style-type:none;}
#header .navigation li a {margin:0.4em;padding:0 0 0 20px;
                        background-image:url(img/node_blue.png);background-repeat:no-repeat;background-position:left center;
                        color:Black;text-decoration:none;}
#header .navigation li.selected a {background-image:url(img/node_yellow.png);}
#header .navigation li.first a {height:16px;margin-left:0;background-image:url(img/node_gray.png);}
#header .navigation li.last {float:right;}
#header .navigation li.last a {height:16px;margin-right:0;background-image:url(img/node_gray.png);background-position:right center;}

#mainLoginInfo {position:absolute;right:0.5em;top:0;z-index:99;
                }
#mainLoginInfo a {font-size:0.9em;
                  text-decoration:none;color:White;}                
   
                        
/* MAIN */
#main {clear:both;margin:auto;
       padding:1em;}



/* FOOTER */
#footer {clear:both;height:3em;
         color:rgb(197,197,197);background-color:#2E6FB7;clear:both;
         text-align:center;}
#footer .links  {margin:0 auto 0.4em auto;padding:0;display:block;overflow:hidden;}   
#footer .links li {margin:0;padding:0.2em;list-style-type:none;display:inline;}
#footer .links a {color:White;}    
#footer .links a span {font-size:0.8em;}
#footer .copyright {clear:both;margin:0;font-size:0.8em;}


.welcomeSection {text-align:center;}
.welcomeSection p {width:15.625em;margin:auto;}
.welcomeSection p.welcome {line-height:3em;}
.welcomeSection p.welcome span {font-size:1.5em;}
.welcomeSection img.logosmall {vertical-align:middle;}
.welcomeSection .welcomeHelp {padding:1em;}


#jieSearch input {padding:0.2em;margin:0;width:20em;}
#jieSearch button {padding:0.2em;margin:0;}
